﻿$t = 0;
$(".atIcon").click(function (evt) {
    evt.stopPropagation();
    $cur = $(this).parents(".socialMedia");
    if ($cur.siblings(".socialMedia").css('right') == '0px') {
        $cur.siblings(".socialMedia").animate({
            "right": "-500px"
        }, 500, function () {
            $cur.animate({
                "right": "0px"
            }, 500)
        });
    } else {
        if ($cur.css('right') == '0px') {
            $cur.animate({
                "right": "-500px"
            }, 500)
        } else {
            $cur.animate({
                "right": "0px"
            }, 500)
        }
    }
});

$(".closeIcon").click(function () {
    $(this).parents(".socialMedia").animate({
        "right": "-500px"
    }, 500);
})

$(document).click(function (e) {
    if (!$(e.target).parents().hasClass("socialMedia")) {

        $(".socialMedia").each(function () {
            $(this).animate({
                "right": "-500px"
            }, 500);
        })
    }
})